<html>
<head>
<title><?php echo $title; ?>
</title>
<link rel="stylesheet" href="<?php echo base_url("css/bootstrap.min.css"); ?>" />
<link rel="stylesheet" href="<?php echo base_url("css/bootstrap-responsive.min.css"); ?>" />
<link rel="stylesheet" href="<?php echo base_url("css/main.css"); ?>" />

</head>
<body>
	
	<?php 

	echo validation_errors();
	if (isset($message))
		echo $message;
	$attributes = array('class' => 'form-horizontal' , 'id' => 'profilefrm', 'action' => $action);
	
	?>
<div class="row-fluid">


   <?php 
   echo form_dropdown('brands', $brands, 'small', 'class="dropdown_class"  id="dropdown_autobrand"');
   echo form_dropdown('types', $types, 'small', 'class="dropdown_class"  id="dropdown_autotype"');

   foreach($autolist as $row){
	echo $row['title'];
	echo $row['description'];
	$features = unserialize($row['features']);
		foreach($features as $key => $feature){
			echo '<br>';
			echo $feature ;
			echo ':';
			echo $key;
			echo '<br>';
			
		}
	
   }
?>
   
   </form>
</div>


</div>
<script type="text/javascript" src="<?php echo base_url("js/bootstrap.min.js"); ?>"></script>
<script type="text/javascript" src="<?php echo base_url("js/jquery.js"); ?>"></script>
<script type="text/javascript" src="<?php echo base_url("js/jquery.validate.js");?>"></script>
<script type="text/javascript" src="<?php echo base_url("js/jquery.validate-rules.js");?>"></script>
<script>
$("#dropdown_autobrand").change(function(){
  alert('change the dropdown value');
}) 
</script>
</body>
</html>
   
